<template>
  <div class="footer">
   <div class="container clear">
     <div class="footer_link clear lt">
       <div class="title1 clear">
         <h1>友情链接</h1>
       </div>
       <ul class="clear">
         <li>
           <a href="http://www.gs.tyut.edu.cn/zhfwpt.htm" target="_blank">综合管理信息系统</a>
         </li>
         <li>
           <a href="http://gsqgzx.tyut.edu.cn/index.jsp" target="_blank">勤工助学管理系统</a>
         </li>
       </ul>
       <ul class="clear" style="width: 140px">
         <li>
           <a href="http://www.tyut.edu.cn" target="_blank">学校主页</a>
         </li>
         <li>
           <a href="http://www.gs.tyut.edu.cn/" target="_blank">研究生院主页</a>
         </li>
         <li>
           <a href="http://www.lib.tyut.edu.cn/" target="_blank">图书馆主页</a>
         </li>
       </ul>
       <ul class="clear">
         <li>
           <a href="https://www.sizhengwang.cn/" target="_blank">全国高校思政网</a>
         </li>
       </ul>
     </div>
     <div class="footer_copyright clear rt">
       <div class="title1 clear">
         <h1>联系方式</h1>
       </div>
       <p>
         地址：山西省太原市迎泽西大街79号（迎西校区）山西省晋中市榆次区大学街209号（明向校区）
         <br>
         邮编：030024（迎西校区） 030600（明向校区）
         <br>
         邮箱：tyutyjsgzb@163.com
       </p>
       <div>
         <div>
           <img src="../../assets/images/wx.png" alt="">
         </div>
       </div>
     </div>
   </div>
    <p class="copy">版权所有：太原理工大学党委研究生工作部</p>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.lt {
  float: left;
}
.rt {
  float: right;
}
  .footer {
    margin-top: 40px;
    background: #b40200 url("../../assets/images/footerimg[1].jpg") top center no-repeat;
    .container {
      padding: 20px 0 0;
      width: 1200px;
      margin-left: auto;
      margin-right: auto;
    }
    .title1 {
      width: 301px;
      margin-bottom: 7px;
      line-height: 30px;
      background: url("../../assets/images/title2.png") left bottom repeat-x;
      h1 {
        float: left;
        color: #fff;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        background: url("../../assets/images/title1.png") left bottom repeat-x;
      }
    }
    .footer_link ul{
      float: left;
      width: 160px;
      min-height: 10px;
      margin-top: 1px;
      li {
        float: left;
        margin: 5px 0;
        a {
          color: #fff;
          font-size: 14px;
          margin-right: 24.8px;
          opacity: .8;
        }
      }
    }
    .footer_copyright {
      width: 620px;
      padding-left: 110px;
      background: url("../../assets/images/left-bolid.png") 18px 13px no-repeat;
      p {
        float: left;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        margin: 0;
        opacity: .8;
      }
      div {
        img {
          width: 182px;
          margin: -50px 0 0 360px;
        }
      }
    }
    .copy {
      background: #930100;
      padding: 15px 0;
      text-align: center;
      color: #fff;
      margin: 0;
    }

  }
</style>
